﻿<!DOCTYPE html>
<!--<html id="ng-app" data-ng-app="">-->
<html>
<!--<script>
    (function (i, s, o, g, r, a, m) {
        i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
            (i[r].q = i[r].q || []).push(arguments)
        }, i[r].l = 1 * new Date(); a = s.createElement(o),
        m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
    })(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');
</script>-->

<head>
    
    <script>
        (function(i, s, o, g, r, a, m) {
            i['GoogleAnalyticsObject'] = r;
            i[r] = i[r] || function() {
                (i[r].q = i[r].q || []).push(arguments)
            }, i[r].l = 1 * new Date();
            a = s.createElement(o),
                m = s.getElementsByTagName(o)[0];
            a.async = 1;
            a.src = g;
            m.parentNode.insertBefore(a, m)
        })(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');

    </script>

    <title>Sustainalytics Global Access</title>
    <meta charset="utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <!--<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">-->
    <meta name="viewport" content="width=1024, maximum-scale=1.0">

    <link rel="shortcut icon" href="content/images/favicon.ico" type="image/ico">
    <link rel="icon" href="content/images/favicon.ico" type="image/ico">

    <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate"/>
    <meta http-equiv="Pragma" content="no-cache"/>
    <meta http-equiv="Expires" content="0"/>

    <!--Bootstrap-->
    <link href="/Content/bootstrap.css" rel="stylesheet" type="text/css"/>


    <link href="Content/layout.css" rel="stylesheet" />
    <link href="Content/themes/base/minified/jquery-ui.min.css" rel="stylesheet" />
    <link href="Content/toastr.css" rel="stylesheet" />
    <link href="Content/flexslider.css" rel="stylesheet" />
    <!--<link rel="stylesheet" href="Content/select.css">-->
    <!--<link rel="stylesheet" href="http://ivaynberg.github.io/select2/select2-3.2/select2.css">-->

    <script type="text/javascript" src="Scripts/app/modules/Module/ModuleLoaderConfig.js"></script>
    <script type="text/javascript" src="Scripts/libs/require.js"></script>
    <script type="text/javascript" src="Scripts/app/start.js"></script>

</head>
<body>
    <div id="moduleLoaderProgress">
        <div id="moduleLoaderProgress-ratio"></div>
    </div>

    <div class="wrapper" data-ng-cloak="">

        <!--[if lt IE 7]>
            <p class="chromeframe">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to improve your experience.</p>
        <![endif]-->


        <!--<script type="text/javascript">
    // IE9 fix
    if (!window.console) {
        var console = {
            log: function () { },
            warn: function () { },
            error: function () { },
            time: function () { },
            timeEnd: function () { }
        }
    }
        </script>-->

        <div ng-if="userInfo.isAuthenticated && isRouteValid">
            <div class="top-wrap" ng-if="userInfo.isAuthenticated && isRouteValid" data-ng-controller="ShellController as shell">
            <div class="top">
                <div style="width: 1024px; margin: 0 auto;">
                    <div class="logo-inner">
                        <a href="#/home"><img src="../content/images/logo.png" title="SUSTAINALYTICS" /></a>
                    </div>
                    <div class="top-right">
                        <ul class="show-desktop-top" style="float: left;">
                            <!--<li><a href="">My Account</a></li>-->
                            <li><a href="http://www.sustainalytics.com" target="_blank">www.sustainalytics.com</a></li>
                                <li><a href="mailto:{{userInfo.accountManagerEmail}}">Contact Account Manager</a></li>
                            <li style="position: relative;">                                
                            </li>
                            <!--<li><a href="" style="padding: 0;"><img src="../content/images/img-mock-acc-mng.png" style="width: 40px;" border="0" alt=""></a></li>-->
                        </ul>
                        <div style="float: left; position: relative; margin-top: 12px;">
                            <a ng-click="showUserBox = !showUserBox" href="" class="ng-class:showUserBox ? 'userbox_link active' : 'userbox_link'" ng-blur="showUserBox = false">
                                <span style="color: #5a6165">Hello, </span>{{userInfo.firstName}}
                            </a>
                            <div ng-show="showUserBox || mouseover" class="userbox" ng-mouseover="mouseover=true" ng-mouseleave="mouseover=false">
                                <div class="userbox-inner">
                                        <div style="font-size: 16px;">{{userInfo.firstName}} {{userInfo.lastName}}</div>
                                        <span>{{userInfo.email}}</span>
                                </div>
                                <div class="userbox-inner signout_link_container" style="border-bottom: none; padding: 0;" ng-if="userInfo.isAuthenticated && isRouteValid">
                                    <a href="" ng-click="shell.logout()" class="signout_link">Sign Out</a>
                                </div>
                            </div>
                            <div class="clear"></div>
                        </div>
                        <div class="clear">&nbsp;</div>
                    </div>
                    <div class="clear">&nbsp;</div>
                </div>
                <div style="background-color: #5f6062;">
                    <div class="top-gray" style="margin: 0 auto; width: 1024px;">
                        <a style="float: left;" ng-model="showMobileTop" ng-click="showMobileTop=!showMobileTop" href="" class="mobile-nav-show"><img src="../content/images/icn-show-top-mobile.png"></a>

                            <div ng-if="userInfo.isAuthenticated && isRouteValid" sustainalytics-navigation-menu navigation-menu-templateurl="/Views/Menu/MainMenu.html" navigation-menu-sitemap="SITE" navigation-menu-startnodelevel="0" navigation-menu-levels="1"></div>

                            <!--<ul ng-if="showMobileTop && userInfo.isAuthenticated" class="mobile-nav">
                            <li>
                                <a data-ng-class="{active : activeViewPath === '/'}" href="#/">
                                    <div class="nav-tab-img" id="tab1">&nbsp;</div>
                                    Home
                                </a>
                            </li>
                            <li>
                                <a data-ng-class="{active : activeViewPath==='/portfolios'}" href="#/portfolios">
                                    <div class="nav-tab-img" id="tab2">&nbsp;</div>
                                    Portfolio
                                </a>
                            </li>
                            <li>
                                <a data-ng-class="{active : activeViewPath==='/research'}" href="#/research">
                                    <div class="nav-tab-img" id="tab3">&nbsp;</div>
                                    Research
                                </a>
                                <ul>
                                    <li><a href="">Global Compact</a></li>
                                    <li><a href="#/research/pi">Product Involvement</a></li>
                                </ul>
                            </li>
                            <li>
                                <a data-ng-class="{active : activeViewPath==='/tools'}" href="#/tools">
                                    <div class="nav-tab-img" id="tab4">&nbsp;</div>
                                    Tools
                                </a>
                            </li>
                        </ul>-->
                        <!-- included below in ResearchMenuIndex.html -->
                        <!--<div ng-include="'Views/Research/Common/ResearchMenuIndex.html'" ng-if="userInfo.isAuthenticated"></div>-->

                        <div class="top-gray-right">
                            <div class="sarch-top" ng-controller="CompanySearchController">
                                <div class="sustainalytics-searchbox" data-searchbox-service="CompanySearchBoxServiceAdapter" data-searchbox-text="companySearch.searchData">
                                    <input type="text" class="inp-search sustainalytics-searchbox-input" style="float: left;" ng-model="search.searchData" placeholder="Search Company...">
                                    <input type="button" class="btn-search" style="float: left;" onclick="$('.inp-search:first').focus();" ng-click="search.search(false)">
                                    <div class="clear">&nbsp;</div>
                                    <div class="search-results" ng-show="search.isVisible || mouseover" ng-mouseover="mouseover=true" ng-mouseleave="mouseover=false">
                                        <div class="search-results-inner sustainalytics-searchbox-results" style="height: 200px; overflow: auto;" ng-show="search.lastItemsCount > 0 || search.lastSkip > 0">
                                            <a href="" ng-repeat="item in search.items" ng-click="companySearch.goToCompanyPage(item); $parent.search.isVisible = false; $event.stopPropagation();"
                                               ng-class="{disabled: !item.isEnabled}"
                                               ng-init="item.markedContent = $parent.search.getMarkedString(item.companyName, $parent.search.searchData)">
                                                <span ng-bind-html="item.markedContent"></span>
                                                {{ item.tickerAndExchange ? '(' + item.tickerAndExchange + ')' : '' }}
                                            </a>
                                        </div>
                                        <p style="text-align: center; color: white; font-weight: bold; padding:0 0 20px 0;" ng-show="search.lastSkip == 0 && search.lastItemsCount == 0">
                                            No matches found
                                        </p>
                                    </div>
                                </div>
                                <div class="clear">&nbsp;</div>
                            </div>
                            <div class="top-gray-right-menu">
                                <ul>                                    
                                    <!--<li ng-if="userInfo.isAuthenticated && isRouteValid">
                                        <a href="" ng-click="shell.logout()">
                                            <div class="nav-tab-img"><img src="../content/images/img-tab-logout.png" style="width: 26px;" border="0" alt=""></div>
                                            Logout
                                        </a>
                                    </li>-->
                                </ul>
                            </div>
                            <div class="clear">&nbsp;</div>
                        </div>
                        <div class="clear">&nbsp;</div>
                    </div>
                </div>
            </div>
        </div>
        </div>
        <div>
            <div data-ng-view="">
            </div>
        </div>
        <!--<div data-ng-controller="RootController">
            <div ng-if="false" ng-show="reportNotification.Status" class="reportResponseDiv pull-left">
                <div>
                    <b>{{reportNotification.ReportType}}</b>
                    <br />
                    <b>Status:</b> {{reportNotification.Status}}

                    <br />
                    <span ng-show="reportNotification.Error"><b>Error: </b>{{reportNotification.Error}}</span>
                    <br />
                    <a ng-show="reportNotification.FilePath" ng-href="{{reportNotification.FilePath}}">Download Report</a>
                    <img ng-show="running()" class="pull-left" src="/Content/images/ajax-loader-small.gif" />
                    <button class="btn-default pull-right" ng-show="running()" ng-click="cancel()">Cancel</button>
                </div>
            </div>
        </div>-->
    </div>

    <loading></loading>
    
   
    <div class="footer-push" ng-if="userInfo.isAuthenticated && isRouteValid" />
    <div style="position: fixed; bottom: 0;	z-index: 99999; width: 100%;">
        <div id="ceva"></div>
        <sustainalytics-lrtm></sustainalytics-lrtm>
        <div class="footer-wrap" ng-if="userInfo.isAuthenticated && isRouteValid">        
        
            <div class="footer">
                <ul class="footer-nav">
                    <li ng-if="userInfo.isAuthenticated && isRouteValid"><a href="FAQ.pdf" target="_blank" ng-if="userInfo.isAuthenticated && isRouteValid">FAQ</a></li>
                    <li ng-if="userInfo.isAuthenticated && isRouteValid"><a href="">Policies</a></li>                
                    <li ng-if="userInfo.isAuthenticated && isRouteValid"><a href="">Sitemap</a></li>                
                    <li><a href="http://www.sustainalytics.com/team" target="_blank">Team Sustainalytics</a></li>
                </ul>
            
                <div class="copyright">
                    &copy;Sustainalytics. All Rights Reserved
                </div>
                <div class="clear">&nbsp;</div>
            </div>
        </div>
    </div>
</body>
</html>